import React from "react";
import { Recommend_Bottom ,Recommend_Top} from "./style";


import { NavLink } from "react-router-dom"
import  RecommendItem from './recommendItem/RecommendItem'

const Recommend = (props) => {

  const {recommend}=props

  return (
    <>
    <Recommend_Top>为你推荐</Recommend_Top>
      <Recommend_Bottom>
      {
        recommend.map((item, index)=>{
        return(
           <RecommendItem key={index} item={item}/>
        )}
        )
      }
      </Recommend_Bottom>
      
    </>
  );
};

export default Recommend;
